<template>
  <div class="iconiconList">
    <div class="iconItem">
      <svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-meirituijian"></use>
      </svg>
      <div class="title">每日推荐</div>
    </div>
    <div class="iconItem">
      <svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-bofangqi-bofangxiaodianshi"></use>
      </svg>
      <div class="title">私人fm</div>
    </div>
    <div class="iconItem">
      <svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-gedan"></use>
      </svg>
      <div class="title">歌单</div>
    </div>
    <div class="iconItem">
      <svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-paihangbang"></use>
      </svg>
      <div class="title">排行榜</div>
    </div>
  </div>
</template>
<script setup>
</script>
<style lang='scss' scoped>
.iconiconList {
  display: flex;
  margin-top: 0.2rem;
  justify-content: space-between;
  .iconItem {
    width: 20%;
    .icon {
      width: 100%;
      height: 1rem;
    }
    .title {
      text-align: center;
    }
  }
}
</style>
